<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title>用户中心-作品</title>
    <link rel="icon shortcut" type="image/x-icon" href="../../img/favicon.ico">
    <link rel="stylesheet" type="text/css" href="../../css/common/common.css">
    <link rel="stylesheet" type="text/css" href="../../css/common/usercommon.css">	
    <link rel="stylesheet" type="text/css" href="../../css/service-worksadd.css">
    <link rel="stylesheet" type="text/css" href="../../css/common/jedate.css">
</head>
<body>
<div id="web">
    <!--导航栏-->
    <div class="fixnav nav clearfix">
        <div id="container" class="clearfix">
            <div class="logo fl"></div>
            <div class="navlist fl">
                <div id="navBtn" class="navicon iconfont">&#xe613;<span>首页</span></div>
                <ul class="clearfix">
                    <li>
                        <a href="../../index.html">首页</a>
                    </li>
                    <li>
                        <a href="../dlibrary.html">设计库</a>
                    </li>
                    <li>
                        <a href="../dexpress.html">快讯</a>
                    </li>
                    <li>
                        <a href="">视频</a>
                    </li>
                    <li>
                        <a href="../classic.html">案例</a>
                    </li>
                </ul>
            </div>
            <div class="navlogin active fl clearfix">
                <!--未登录-->
                <div class="no-login fr">
                    <div class="user-login">
                        <a href="javascript:void(0)">登录</a>
                    </div>
                </div>
                <!--已登录-->
                <div class="a-login fr">
                    <!--退出图标按钮-->
                    <div class="btn-exit fr"></div>
                    <span class="user-name fr"><a href="">来设计有限公司</a></span>
                    <div class="news fr"><span class="news-num">1</span></div>
                </div>
                <form action="" method="get">
                    <div class="select-main">
                        <div class="select-arrow reverse"></div>
                        <div class="select-set nav-select">设计作品</div>
                        <div class="select-block">
                            <ul class="select-list">
                                <li class="select-items active">设计作品</li>
                                <li class="select-items">服务方</li>
                            </ul>
                        </div>
                    </div>
                    <input class="search" type="text" name="keyword" placeholder="请输入搜索关键字" />
                    <button type="submit" class="submit"></button>
                </form>
            </div>
        </div>
    </div>
    <!--跟随导航栏-->
    <div class="scrollNav nav clearfix">
        <div id="container" class="clearfix">
            <div class="logo fl"></div>
            <div class="navlist fl">
                <div id="navBtn" class="navicon iconfont">&#xe613;<span>首页</span></div>
                <ul class="clearfix">
                    <li class="active">
                        <a href="../../index.html">首页</a>
                    </li>
                    <li>
                        <a href="../dlibrary.html">设计库</a>
                    </li>
                    <li>
                        <a href="../dexpress.html">快讯</a>
                    </li>
                    <li>
                        <a href="">视频</a>
                    </li>
                    <li>
                        <a href="../classic.html">案例</a>
                    </li>
                </ul>
            </div>
            <div class="navlogin clearfix">
                <div class="no-login fr">
                    <div class="user-login">
                        <a href="javascript:void(0)">登录</a>
                    </div>
                    <!--成为服务方-->
                    <div class="btn-join"></div>
                </div>
                <div class="a-login fr">
                    <!--退出图标按钮-->
                    <div class="btn-exit fr"></div>
                    <span class="user-name fr"><a href="">来设计有限公司</a></span>
                    <div class="news fr"><span class="news-num">1</span></div>
                </div>
                <!--发布需求-->
                <div class="btn-publish"></div>
                <form class="search-form" action="" method="get">
                    <div class="select-main">
                        <div class="select-arrow reverse"></div>
                        <div class="select-set s-set">设计作品</div>
                        <div class="select-block">
                            <ul class="select-list">
                                <li class="select-items active">设计作品</li>
                                <li class="select-items">服务方</li>
                            </ul>
                        </div>
                    </div>
                    <input class="search" type="text" name="keyword" placeholder="请输入搜索关键字" />
                    <button type="submit" class="submit"></button>
                </form>
            </div>
        </div>
    </div>
    <!--用户中心-->
    <div class="user-center">
        <div id="container-other" class="clearfix">
            <!--左侧选项卡-->
            <div class="user-option fl">
                <div class="user-info">
                    <div class="user-pro"><a href="service-info.html"><img src="../../img/user/user-pro.jpg"></a></div>
                    <div class="user-name"><a href="service-info.html">美的电器<img src="../../img/user/user-r.png"></a></div>
                    <div class="user-type">服务方</div>
                </div>
                <div class="select">
                    <div class="select-info selectli "><a href="service-info.html"><span class="imgbg"></span><span>资料</span><span class="arrow"></span></a></div>
                    <div class="select-message selectli "><a href="service-message.html"><span class="imgbg"></span><span>消息</span><span class="arrow"></span></a></div>
                    <div class="select-demand selectli  "><a href="service-demand.html"><span class="imgbg"></span><span>需求</span><span class="arrow"></span></a></div>
                    <div class="select-order selectli "><a href="service-order.html"><span class="imgbg"></span><span>订单</span><span class="arrow"></span></a></div>
                    <div class="select-works selectli  active"><a href="service-works.html"><span class="imgbg"></span><span>作品</span><span class="arrow"></span></a></div>
                    <div class="select-news selectli"><a href="service-news.html"><span class="imgbg"></span><span>快讯</span><span class="arrow"></span></a></div>
                </div>
            </div>
            <!--右侧内容显示区-->
            <div class="user-content fr">
                <!--4.作品列表-->
                <div class="content-collect">
                    <div class="info-title">
                        <div class="conta clearfix">发布作品</div>
                    </div>
                    <!--添加作品-->
                    <div class="add-work-wrap">
                        <div class="re-hint">红点内容为必填项，空白内容将不会进行展示</div>
                        <form>
                            <div class="top clearfix">
                                <div class="left fl">
                                    <div>
                                        <p>作品名称<span>*</span></p>
                                        <input class="work-name" class="w-350" type="text" placeholder="请输入作品名称">
                                    </div>
                                    <div class="design-pro">
                                        <p>设计方案<span>*</span></p>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="designtype" id="sel-appear">
                                            <label class="check-text" for="sel-appear"><span class="check"></span>外观设计</label>
                                        </div>
                                        <div class="check-wrap">
                                        	<input type="checkbox" name="designtype" id="sel-con">
                                            <label class="check-text" for="sel-con"><span class="check"></span>结构设计</label>
                                        </div>
                                    </div>
                                    <div>
                                        <p>设计时间</p>
                                        <input type="text" class="jeinput" id="datatime"  placeholder="请选择日期范围">
                                    </div>
                                    <div>
                                        <p>客户名称</p>
                                        <input class="w-350" type="text" placeholder="请输入产品所属的客户名称">
                                    </div>
                                </div>
                                <div class="right fr">
                                    <div>
                                        <p>品类<span>*</span></p>
                                        <button class="add-cate" type="button">添加</button>
                                        <p class="product_type"></p><a class="edit" href="javascript:void(0)">编辑</a>
                                    </div>
                                    <div class="sercotent">
                                        <p>服务内容<span>*</span></p>
                                        <div class="radio-wrap">
                                            <span class="radio_btn">
                                                <input type="radio" name="s-content" id="n-design" checked="checked" value="0" data-val="0" />
                                                <span class="center"></span>
                                                <span class="border"></span>
                                            </span>
                                            <label class="check-text" for="n-design">全新设计</label>
                                        </div>
                                        <div class="radio-wrap">
                                            <span class="radio_btn">
                                                <input type="radio" name="s-content" id="op-design" value="1" data-val="1" />
                                                <span class="center"></span>
                                                <span class="border"></span>
                                            </span>
                                            <label class="check-text" for="op-design">优化设计</label>
                                        </div>
                                    </div>
                                    <!--完成周期-->
                                    <div class="ex-ycle">
                                        <p>完成周期</p>
                                        <div class="w-350">
                                            <input type="text" placeholder="请输入完成周期">
                                            <div class="selecle">周<span class="selecleOff"></span></div>
                                            <div class="down">日</div>
                                        </div>
                                    </div>
                                    <div class="work-cost">
                                        <p>作品费用</p>
                                        <input class="w-350" type="text" placeholder="请输入作品的制作费用">
                                    </div>
                                </div>
                            </div>
                            <!--作品描述-->
                            <div class="work-des">
                                <p>作品描述</p>
                                <textarea placeholder="建议100字以内"></textarea>
                            </div>
                            <!--获得奖项-->
                            <div class="work-award clearfix">
                                <p>获得奖项</p>
                                <table class="fr">
                                    <tr class="firstrow first-line">
                                        <td>奖项类型</td>
                                        <td class="w-215">奖项名称</td>
                                        <td>证明文件</td>
                                        <td>操作</td>
                                    </tr>
                                    <tr>
                                        <td>CDA中国设计奖</td>
                                        <td>CDA中国设计奖</td>
                                        <td>CDA中国设计奖.jpg</td>
                                        <td>
                                            <a href="">下载</a>
                                            <button class="delete" type="button">删除</button>
                                        </td>
                                    </tr>
                                    <tr class="nodatalist">
                                        <td colspan="4">暂无数据</td>
                                    </tr>
                                    <tr class="line-add">
                                        <td colspan="4"><div>添加</div></td>
                                    </tr>
                                </table>
                            </div>
                            <div class="work-label">
                                <div class="product-position">
                                    <p>产品定位</p>
                                    <div class="right">
                                    	<div class="check-wrap">
                                            <input type="checkbox" name="" id="position1">
                                            <label class="check-text" for="position1"><span class="check"></span>高端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="position2">
                                            <label class="check-text" for="position2"><span class="check"></span>中高端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="position3">
                                            <label class="check-text" for="position3"><span class="check"></span>中端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="position4">
                                            <label class="check-text" for="position4"><span class="check"></span>中低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="position5">
                                            <label class="check-text" for="position5"><span class="check"></span>低端</label>
                                        </div>
                                    </div>
                                </div>
                                <div class="product-style">
                                    <p>销售区域</p>
                                    <div class="right">
                                    	<div class="check-wrap">
                                            <input type="checkbox" name="" id="area1">
                                            <label class="check-text" for="area1"><span class="check"></span>高端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="area2">
                                            <label class="check-text" for="area2"><span class="check"></span>中高</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="area3">
                                            <label class="check-text" for="area3"><span class="check"></span>中端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="area4">
                                            <label class="check-text" for="area4"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="area5">
                                            <label class="check-text" for="area5"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="area6">
                                            <label class="check-text" for="area6"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="area7">
                                            <label class="check-text" for="area7"><span class="check"></span>低端</label>
                                        </div>
                                    </div>
                                </div>
                                <!--主要材质-->
                                <div class="product-position">
                                    <p>主要材质</p>
                                    <div class="right">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture1">
                                            <label class="check-text" for="texture1"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture2">
                                            <label class="check-text" for="texture2"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture3">
                                            <label class="check-text" for="texture3"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture4">
                                            <label class="check-text" for="texture4"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture5">
                                            <label class="check-text" for="texture5"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture6">
                                            <label class="check-text" for="texture6"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture7">
                                            <label class="check-text" for="texture7"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture8">
                                            <label class="check-text" for="texture8"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture9">
                                            <label class="check-text" for="texture9"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture10">
                                            <label class="check-text" for="texture10"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="texture11">
                                            <label class="check-text" for="texture11"><span class="check"></span>低端</label>
                                        </div>
                                    </div>
                                </div>
                                <!--控制方式-->
                                <div class="product-position">
                                    <p>控制方式</p>
                                    <div class="right">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="mode1">
                                            <label class="check-text" for="mode1"><span class="check"></span>高端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="mode2">
                                            <label class="check-text" for="mode2"><span class="check"></span>中高</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="mode3">
                                            <label class="check-text" for="mode3"><span class="check"></span>中端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="mode4">
                                            <label class="check-text" for="mode4"><span class="check"></span>低端</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="mode5">
                                            <label class="check-text" for="mode5"><span class="check"></span>低端</label>
                                        </div>
                                    </div>
                                </div>
                                <!--产品风格-->
                                <div class="product-style">
                                    <p>产品风格</p>
                                    <div class="right">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="sytle1">
                                            <label class="check-text" for="sytle1"><span class="check"></span>日韩</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="sytle2">
                                            <label class="check-text" for="sytle2"><span class="check"></span>欧式</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="sytle3">
                                            <label class="check-text" for="sytle3"><span class="check"></span>欧式</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="sytle4">
                                            <label class="check-text" for="sytle4"><span class="check"></span>欧式</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="sytle5">
                                            <label class="check-text" for="sytle5"><span class="check"></span>欧式</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="sytle6">
                                            <label class="check-text" for="sytle6"><span class="check"></span>欧式</label>
                                        </div>
                                    </div>
                                </div>
                                <!--产品属性-->
                                <div class="product-protype">
                                    <p>产品属性</p>
                                    <div class="right">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="protype1">
                                            <label class="check-text" for="protype1"><span class="check"></span>产品属性</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="protype2">
                                            <label class="check-text" for="protype2"><span class="check"></span>产品属性</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="protype3">
                                            <label class="check-text" for="protype3"><span class="check"></span>日韩</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="protype4">
                                            <label class="check-text" for="protype4"><span class="check"></span>产品属性</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="protype5">
                                            <label class="check-text" for="protype5"><span class="check"></span>线条感</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="protype6">
                                            <label class="check-text" for="protype6"><span class="check"></span>日韩</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="protype7">
                                            <label class="check-text" for="protype7"><span class="check"></span>智能</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="protype8">
                                            <label class="check-text" for="protype8"><span class="check"></span>色彩明快</label>
                                        </div>
                                    </div>
                                </div>
                                <!--适用人群-->
                                <div class="">
                                    <p>适用人群</p>
                                    <div class="right">
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="pcroud1">
                                            <label class="check-text" for="pcroud1"><span class="check"></span>母婴类</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="pcroud2">
                                            <label class="check-text" for="pcroud2"><span class="check"></span>母婴类</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="pcroud3">
                                            <label class="check-text" for="pcroud3"><span class="check"></span>儿童</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="pcroud4">
                                            <label class="check-text" for="pcroud4"><span class="check"></span>母婴类</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="pcroud5">
                                            <label class="check-text" for="pcroud5"><span class="check"></span>女性</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="pcroud6">
                                            <label class="check-text" for="pcroud6"><span class="check"></span>母婴类</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="pcroud7">
                                            <label class="check-text" for="pcroud7"><span class="check"></span>青年类</label>
                                        </div>
                                        <div class="check-wrap">
                                            <input type="checkbox" name="" id="pcroud8">
                                            <label class="check-text" for="pcroud8"><span class="check"></span>母婴类</label>
                                        </div>
                                    </div>
                                </div>
                            </div>
                            <!--缩略图-->
                            <div class="work-thumbnail">
                                <p>缩略图</p>
                                <div>
                                    <div class="img-wrap">
                                        <img src="../../img/user/order/work.jpg">
                                        <span></span>
                                    </div>
                                    <div class="filebtn">
                                        <button type="button">点击上传</button>
                                        <input type="file" value="" style="display: none;">
                                    </div>
                                    <div class="imgtext">宽为285px，高为225px，仅支持jpg/png格式，最大500kb</div>
                                </div>
                            </div>
                            <!--轮播图-->
                            <div class="work-slideshow">
                                <p>轮播图</p>
                                <div>
                                    <div class="slide-list clearfix">
                                        <div class="img-wrap">
                                            <img src="../../img/user/order/work.jpg">
                                            <span></span>
                                        </div>
                                        <div class="img-wrap">
                                            <img src="../../img/user/order/work.jpg">
                                            <span></span>
                                        </div>
                                        <div class="img-wrap">
                                            <img src="../../img/user/order/work.jpg">
                                            <span></span>
                                        </div>
                                        <div class="img-wrap">
                                            <img src="../../img/user/order/work.jpg">
                                            <span></span>
                                        </div>
                                        <div class="img-wrap">
                                            <img src="../../img/user/order/work.jpg">
                                            <span></span>
                                        </div>
                                    </div>
                                    <div class="filebtn">
                                        <button type="button">点击上传</button>
                                        <input type="file" value="" style="display: none;">
                                    </div>
                                    <div class="imgtext">宽为1920px，高为600px，仅支持jpg/png格式，最大500kb（最多上传5张）</div>
                                </div>
                            </div>
                            <!--详情页图片-->
                            <div class="work-detailimg">
                                <p>详情页图片</p>
                                <div>
                                    <div class="img-wrap">
                                        <img src="../../img/user/order/work.jpg">
                                        <span></span>
                                    </div>
                                    <div class="filebtn">
                                        <button type="button">点击上传</button>
                                        <input type="file" value="" style="display: none;">
                                    </div>
                                    <div class="imgtext">宽不大于1140px，高不小于500px，仅支持jpg/png格式，最大500kb</div>
                                </div>
                            </div>

                            <div class="btn-list new">
                                <button class="btn-add" type="submit">发布</button>
                                <button class="btn-reduce" type="button">预览</button>
                                <button class="btn-back" type="button" onclick="history.back();">返回</button>
                            </div>
                        </form>
                    </div>
                </div>

            </div>
        </div>
    </div>
    <!--footer-->
    <div class="footer">
        <div id="container" class="clearfix">
            <div class="about-list">
                <dl>
                    <dt>关于来设计</dt>
                    <dd><a href="../footer/aboutus.html">关于我们</a></dd>
                    <dd><a href="../footer/joinus.html">加入我们</a></dd>
                    <dd><a href="../footer/partner.html">合作伙伴</a></dd>
                    <dd><a href="../footer/service-contract.html">服务协议</a></dd>
                </dl>
            </div>
            <div class="help-list">
                <dl>
                    <dt>帮助中心</dt>
                    <dd><a href="../footer/matter.html">常见问题</a></dd>
                    <dd><a href="../footer/user-feedback.html">意见反馈</a></dd>
                    <dd><a href="../footer/website-map.html">网站地图</a></dd>
                </dl>
            </div>
            <div class="flink">
                <dl>
                    <dt>友情链接</dt>
                    <dd><a href="">北京工业设计公司</a></dd>
                    <dd><a href="">工业设计公司</a></dd>
                    <dd><a href="">打印虎</a></dd>
                    <dd><a href="">网家电</a></dd>
                    <dd><a href="">硬件开发外包</a></dd>
                </dl>
            </div>
            <div class="con-address fl">
                <div class="tel">
                    <p>服务热线  / 4009-309-997</p>
                    <span>09:00 - 18:00  [工作日]</span>
                </div>
                <p>佛山  / <span>广东省佛山市顺德区容桂镇冠天广场404-405室</span></p>
                <p>广州  / <span>广东省广州市天河区陶庄路5号五号空间创意园3楼3F012-13</span></p>
            </div>
            <div class="official">
                <div>
                    <div class="img-wrap"><img class="imgp" src="../../img/code.jpg"/></div>
                    <p>来设计服务号</p>
                </div>
            </div>
        </div>
        <div class="copynight">
            <div id="container">Copyright &copy; 2016-2018 来设计 laisj  版权所有 <a href="">粤ICP备16061052号</a></div>
        </div>
    </div>

    <!--发布需求-->
    <div id="postdemand">
        <div id="container">
            <div class="postdemand-show">
                <div class="post-title">
                    <h2>发布需求</h2>
                    <div class="steplist">
                        <div class="step step-first fl">
                            <div></div>
                            <span>基础信息</span>
                        </div>
                        <div class="step step-three fr">
                            <div></div>
                            <span>完成提交</span>
                        </div>
                        <div class="step step-second">
                            <div></div>
                            <span>产品详情</span>
                        </div>
                    </div>
                    <!--关闭按钮-->
                    <div class="close"></div>
                </div>
                <div class="post-content">
                    <form action="" method="post">
                        <!--基础信息-->
                        <div class="basic-info clearfix">
                            <div class="info-phone clearfix">
                                <div class="company-phone fl">
                                    <p>联系电话<span>*</span></p>
                                    <input class="w-335" type="text" name="" id="phone" value="" placeholder="请输入手机号码" />
                                    <label class="hint">请输入手机号码</label>
                                </div>
                                <div class="com-code fr">
                                    <p>验证码<span>*</span></p>
                                    <input type="text" name="" id="v-code" value="" maxlength="6" placeholder="请输入短信验证码" />
                                    <button class="send-code" type="button">点击发送</button>
                                    <label class="hint">请输入短信验证码</label>
                                </div>
                            </div>
                            <div class="info-cname clearfix">
                                <div class="fl">
                                    <p>项目名称</p>
                                    <input class="w-335" type="text" name="" id="" value="" placeholder="请输入项目名称" />
                                </div>
                                <div class="company-name fr">
                                    <p>公司名称<span>*</span></p>
                                    <input class="w-267" type="text" name="" id="cname" value="" placeholder="请输入公司名称" />
                                    <label class="hint">请输入公司名称</label>
                                </div>
                            </div>
                            <!---->
                            <div class="info-wrap clearfix">
                                <div class="info-left fl">
                                    <!--服务内容-->
                                    <div class="s-content">
                                        <p>服务内容</p>
                                        <div class="radio-wrap">
                                            <span class="radio_btn">
                                                <input type="radio" name="s-content" id="new-design" checked="checked" value="0" data-val="0" />
                                                <span class="center"></span>
                                                <span class="border"></span>
                                            </span>
                                            <label class="check-text" for="new-design">全新设计</label>
                                        </div>
                                        <div class="radio-wrap">
													<span class="radio_btn">
											            <input type="radio" name="s-content" id="optimal-design" value="1" data-val="1" />
											            <span class="center"></span>
											            <span class="border"></span>
													</span>
                                            <label class="check-text" for="optimal-design">优化设计</label>
                                        </div>
                                    </div>
                                    <!--设计方案-->
                                    <div class="designschme">
                                        <p>设计方案</p>
                                        <div class="check-wrap">
                                            <span class="check"></span>
                                            <span class="check-text">外观设计</span>
                                        </div>
                                    </div>
                                    <!--设计预算-->
                                    <div class="design-budget clearfix">
                                        <!--设计预算-->
                                        <div class="price-wrap clearfix">
                                            <p>设计预算</p>
                                            <div class="price price-cate1">
														<span class="radio_btn">
												            <input type="radio" name="price" id="" value="" />
												            <span class="center"></span>
												            <span class="border"></span>
														</span>
                                                <span class="check-text">1W-3W</span>
                                                <span class="radio_btn">
												            <input type="radio" name="price" id="" value="" />
												            <span class="center"></span>
												            <span class="border"></span>
														</span>
                                                <span class="check-text">3W-5W</span>
                                                <span class="radio_btn">
												            <input type="radio" name="price" id="" value="" />
												            <span class="center"></span>
												            <span class="border"></span>
														</span>
                                                <span class="check-text">5W+</span>
                                            </div>
                                            <div class="price price-cate2">
														<span class="radio_btn">
												            <input type="radio" name="price" id="" value="" />
												            <span class="center"></span>
												            <span class="border"></span>
														</span>
                                                <span class="check-text">0.5-1.5W</span>
                                                <span class="radio_btn">
												            <input type="radio" name="price" id="" value="" />
												            <span class="center"></span>
												            <span class="border"></span>
														</span>
                                                <span class="check-text">1.5W-2.5W</span>
                                                <span class="radio_btn">
												            <input type="radio" name="price" id="" value="" />
												            <span class="center"></span>
												            <span class="border"></span>
														</span>
                                                <span class="check-text">2.5W+</span>
                                            </div>
                                        </div>
                                        <!--项目合作启动金-->
                                        <div class="invest">
                                            <p>
                                                <span>项目启动金</span>
                                                <select name="">
                                                    <option value="0">10000</option>
                                                    <option value="0">15000</option>
                                                    <option value="0">20000</option>
                                                </select>
                                                <span>元</span>
                                            </p>
                                            <p>
                                                <span>销售提成</span>
                                                <input type="number" name="" id="" value="0" min="0" maxlength="20" placeholder="0"/>
                                                <span>元/单位</span>
                                            </p>
                                        </div>
                                    </div>
                                    <div class="budget">
                                        <div class="check-wrap">
                                            <span class="check"></span>
                                            <span class="check-text">内部结构</span>
                                        </div>
                                        <div class="check-wrap">
                                            <span class="check"></span>
                                            <span class="check-text">功能手版</span>
                                        </div>
                                    </div>
                                    <div class="de-budget">
                                        <p>设计预算<span class="red">*</span></p>
                                        <input type="text" name="" id="" value="" placeholder="0" /><span>至</span>
                                        <input type="text" name="" id="" value="" placeholder="200000" /><span>元</span>
                                    </div>
                                </div>
                                <div class="info-right fr">
                                    <!--合作模式-->
                                    <div class="co-model clearfix">
                                        <p>合作模式</p>
                                        <div class="model-select">
                                            <div class="radio-wrap">
														<span class="radio_btn">
												            <input type="radio" name="co-model" id="project" checked value="0" data-val="0" />
												            <span class="center"></span>
												            <span class="border"></span>
														</span>
                                                <label class="check-text" for="project">项目制</label>
                                            </div>
                                            <div class="radio-wrap">
														<span class="radio_btn">
												            <input type="radio" name="co-model" id="model" value="1" data-val="1" />
												            <span class="center"></span>
												            <span class="border"></span>
														</span>
                                                <label class="check-text" for="model">产品合伙人</label>
                                            </div>
                                            <a class="btn-pop" href="javascript:void(0)">了解模式的区别？</a>
                                            <!--了解模式的区别弹窗-->
                                            <div class="pop-window">
                                                <div>
                                                    <h6>项目制</h6>
                                                    <p>以工业设计为切入点，针对中小制造企业的不同需求提供专业的定制化解决方案和全产业链服务;</p>
                                                    <p>服务内容包括：产品全新设计、优化设计、大客户定制等。</p>
                                                </div>
                                                <div>
                                                    <h6>产品合伙人制（按销量分成模式）</h6>
                                                    <p>以共享经济的理念，实现双方共赢。以较低的前期投入，即可与国内外一线设计公司合作开发新品，设计费与销量额挂钩，合作双方利益捆绑、风险共担，让产品开发成功率大大提升；</p>
                                                    <p>服务内容：外观设计</p>
                                                </div>
                                                <!--关闭按钮-->
                                                <div class="pclosBtn"><div class="pop-clos"></div></div>
                                            </div>
                                        </div>
                                    </div>
                                    <!--产品类别-->
                                    <div class="product-type">
                                        <p>产品类别</p>
                                        <select class="w-335" name="category">
                                            <option class="first" disabled selected>请选择产品类别</option>
                                            <option value="0">生活</option>
                                            <option value="0">生活</option>
                                        </select>
                                    </div>
                                    <p>应用场景</p>
                                    <input class="w-335" type="text" name="" id="cname" value=""/>
                                    <div class="file-wrap clearfix">
                                        <p class="filetext fl">参考资料</p>
                                        <a href="javascript:void(0)" class="file fl">选择文件<input type="file" name="" /></a>
                                        <span>未选择文件</span>
                                    </div>
                                    <p>参考信息</p>
                                    <input class="w-335" type="text" name="" id="cname" value="" placeholder="品牌名称，链接或其他参考内容" />
                                </div>
                            </div>
                            <!--下一步的按钮-->
                            <div class="nextBtn">
                                <button class="next" type="button">下一步</button>
                            </div>
                        </div>
                        <!--产品详情-->
                        <div class="detail">
                            <div class="de-content-wrap">
                                <div class="clearfix">
                                    <!--产品定位-->
                                    <div class="product-position p-50 fl">
                                        <p>产品定位</p>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">高端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中高端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中低端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">低端</span></div>
                                    </div>
                                    <!--产品风格-->
                                    <div class="product-style p-50 fr">
                                        <p>产品风格</p>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">日韩</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">欧式</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">日韩</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">日韩</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">日韩</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">日韩</span></div>
                                    </div>
                                </div>
                                <div class="clearfix">
                                    <!--销售区域-->
                                    <div class="product-style p-50 fl">
                                        <p>销售区域</p>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">高端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中高</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中低</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">低端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">高端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中高</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中低</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">低端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中低</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">低端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">其他</span></div>
                                    </div>
                                    <!--产品属性-->
                                    <div class="product-protype p-50 fr">
                                        <p>产品属性</p>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">产品属性</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">产品属性</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">日韩</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">产品属性</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">线条感</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">日韩</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">智能</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">色彩明快</span></div>
                                    </div>
                                </div>
                                <div class="clearfix">
                                    <!--主要材质-->
                                    <div class="product-position p-50 fl">
                                        <p>主要材质</p>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">高端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中高端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中低端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">低端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">高端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中高端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中低端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">低端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">低端</span></div>
                                    </div>
                                    <!--控制方式-->
                                    <div class="product-position p-50 fr">
                                        <p>控制方式</p>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">高端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中高端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">中低端</span></div>
                                        <div class="check-wrap"><span class="check"></span><span class="check-text">低端</span></div>
                                    </div>
                                </div>
                                <div class="detail-left fl">
                                    <!--预计产品成本-->
                                    <div class="de-budget">
                                        <p>预计产品成本</p>
                                        <input type="text" name="" id="" value="" placeholder="0" /><span>至</span>
                                        <input type="text" name="" id="" value="" placeholder="200000" /><span>元</span>
                                    </div>
                                    <!--预计售价-->
                                    <div class="de-budget">
                                        <p>预计售价</p>
                                        <input type="text" name="" id="" value="" placeholder="0" /><span>至</span>
                                        <input type="text" name="" id="" value="" placeholder="200000" /><span>元</span>
                                    </div>
                                    <!--预计上市时间-->
                                    <div class="product-time">
                                        <p>预计上市时间</p>
                                        <div class="date">
                                            <input type="date" name="" id="" value="" max="2020-12-30" min="2017-07-30" />
                                            <input type="text" name="datatime" id="datatime" value="" placeholder="2017年7月30日" />
                                        </div>
                                        <span class="time-text">至</span>
                                        <div class="date">
                                            <input type="date" name="" id="" value="" max="2020-12-30" min="2017-07-30" />
                                            <input type="text" name="datatime" id="datatime" value="" placeholder="2017年7月30日" />
                                        </div>
                                    </div>
                                </div>
                                <div class="detail-right fr">
                                    <p>外观尺寸</p>
                                    <textarea></textarea>
                                    <p>功能及重点要求</p>
                                    <textarea></textarea>
                                </div>
                            </div>
                            <div class="btnlist">
                                <button class="btn-back" type="button">上一步</button>
                                <button class="btn-skip btn-right active" type="button">跳过直接提交</button>
                            </div>
                        </div>
                        <!--完成提交-->
                        <div class="present">
                            <div class="present-title">需求编号：<span>2017061400004re</span></div>
                            <p>已成功发布需求，我们将在两个工作日内与您联系！ 您的手机号码即是登录账号，请完善信息以便我们沟通更加顺利。 如需了解更多信息，可拨打客服电话4009309997，或<a href="">在线联系</a>。</p>
                            <div class="btnlist">
                                <button class="btn-close" type="reset">关闭</button>
                                <button class="btn-new  btn-right active" type="reset">发布一个需求</button>
                            </div>
                        </div>
                        <!--用来清空表单数据-->
                        <input type="reset" value="" style="display: none;"/>
                    </form>
                </div>
            </div>
        </div>
    </div>

    <!--自定义alert弹窗-->
    <div class="alert-view">
        <div class="left">x</div>
        <div class="right text">111</div>
    </div>

    <!--信息提示框    如：是否退出登录-->
    <div class="message-wrap">
        <div class="message-box">
            <div class="message-box-header">
                <div class="message-box-title">提示</div>
                <span class="mClose">X</span>
            </div>
            <div class="message-box-content	">是否退出登录?</div>
            <div class="message-box-btns">
                <button type="button" class="btn-default">取消</button>
                <button type="button" class="btn-primary">确定</button>
            </div>
        </div>
    </div>

    <!--1.1删除的提示框-->
    <div class="p-window win-alertview">
        <div id="container-other">
            <div class="alertview">
                <div class="title">确定删除此作品吗?</div>
                <div class="btn-list clearfix">
                    <button class="btn-re fl">取消</button>
                    <button class="btn-conf fr">确定</button>
                </div>
            </div>
        </div>
    </div>

    <!--上传奖项弹窗-->
    <div class="p-window win-upaward">
        <div id="container-other">
            <div class="upaward-view">
                <h4>上传文件</h4>
                <div class="btn-close"></div>
                <div class="contact-wrap">
                    <form>
                        <div class="set">
                            <span>奖项类型<span class="red">*</span></span>
                            <select class="select">
                                <option>设计奖</option>
                                <option>其他</option>
                            </select>
                            <label class="hint">请选择奖项类型</label>
                        </div>
                        <div class="set">
                            <span>奖项名称<span class="red">*</span></span>
                            <input class="file-name" type="text" value="" placeholder="请输入奖项名称" >
                            <label class="hint">请输入奖项名称</label>
                        </div>
                        <div class="set upfile-wrap btn-wrap">
                            <span>选择文件<span class="red">*</span></span>
                            <div>
                                <button class="up-file" type="button">点击上传</button>
                                <input class="fileinput" type="file" style="display: none;">
                            </div>
                            <label class="hint">请选择文件</label>
                        </div>
                        <div class="state">只能上传pdf,png,gif,jpg,jpeg,svg,rar,zip,xls文件</div>
                        <div class="btn-wrap">
                            <button class="btn-up" type="button">上传</button>
                        </div>
                        <!--重置按钮-->
                        <input type="reset" value="" style="display: none;">
                    </form>
                </div>
            </div>
        </div>
    </div>

</div>
<script type="text/javascript" src="../../js/jquery-1.12.4.min.js"></script>
<script type="text/javascript" src="../../js/jquery.jedate.min.js"></script>
<script type="text/javascript" src="../../js/common.js"></script>
<script type="text/javascript" src="../../js/othercommon.js"></script>
<script type="text/javascript">
    changBox('.user-center input[type=checkbox]');
    changBox('.win-uploadfile input[type=checkbox]');
    changBox('.win-category input[type=checkbox]');
    function changBox(sel){
        var $input = $(sel);
        $input.change(function(){
            $(this).parent().toggleClass('checked');
        })
    }


    //删除提醒
    clickPalert('#container-other .delete','确定删除此奖项吗?');
    clickPalert('#container-other .img-wrap span','确定删除此图片吗?');

    //添加奖项
    var $add_award = $('.work-award .line-add div'),
        $win_upaward = $('.win-upaward');
    $add_award.on('click',function () {
        $win_upaward.fadeIn();
    });
    $('.win-upaward .btn-close').click(function () {
        $win_upaward.fadeOut();
    });
    $win_upaward.click(function(){
        $win_upaward.fadeOut();
    });
    $('.win-upaward .upaward-view').click(function (e) {
        e.stopPropagation();
    });


    //完成周期
    var $down = $('.down'),
        $now = $('.selecle');
    var offDay = true;
    $now.click(function (e) {
        if(offDay){
            $down.slideDown();
            $(this).addClass('active');
            offDay = false;
        }else{
            $down.slideUp();
            $(this).removeClass('active');
            offDay = true;
        }
        e.stopPropagation();
    });
    $down.click(function (e) {
        var downtext = $(this).text();
        var nowtext  = $('.selecle').text();
        $down.slideUp();
        $now.html(downtext+'<span class="selecleOff"></span>');
        $down.text(nowtext);
        offDay = true;
        $now.removeClass('active');
        e.stopPropagation();
    });
    $(document).click(function(){
        $down.slideUp();
        $now.removeClass('active');
        offDay = true;
    });


	//日期控件
	$("#datatime").jeDate({
		minDate: '1970-1-1',
    	maxDate:  $.nowDate({DD:0}),
        format: "YYYY-MM-DD",
        multiPane:true,
        range:" 至 "
    });


	//提交信息验证
    var $work_name = $('.user-center .work-name'),
        $design_type = $('.user-center input[name=designtype]');
    $('.user-center .btn-list .btn-add').click(function () {
        
    });


</script>
</body>
</html>